<template>
	<Page :config='pageConfig'>
		
	</Page>
</template>

<script setup>
	const Page			= $.lazy(()=>import('#tp/content/page-content.vue'))
	/* ---------------------------  提交表单 --------------------------- */
	const imageModalConfig = {
		title 		: '图片预览',
		width 		: '50%',
		src 		: 'https://t7.baidu.com/it/u=2604797219,1573897854&fm=193&f=GIF'
	}
	const pageConfig = {
		title: '图片预览',
		controls	: [
			{ label:'图片预览配置', mode:'img', config:imageModalConfig},
			{ label:'动态配置', mode:'img', config:()=>imageModalConfig},
			{ label:'图片预览', click:()=>window.$imageModalRef().open(imageModalConfig)}
		]
	}
</script>